<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_layout/top :: top"></head>
<body>
<div id="page-wrapper">
	<header th:replace="_layout/header :: header"></header>
		<!-- Breadcrumb Start -->
		<div class="page-banner-image w-100 breadcrumb-bar" style="background-image: url(static/assets/images/background/1.png); background-repeat: no-repeat;">
			<div class="container">
				<div class="row py-5">
					<div class="col-sm-6">
						<h3 class="text-white">登录</h3>
					</div>
					<div class="col-sm-6">
						<nav aria-label="breadcrumb" class="float-right">
							<ol class="breadcrumb mb-0 bg-transparent p-0 mt-2 mt-lg-1">
								<li class="breadcrumb-item"><a href="#">首页</a></li>
								<li class="breadcrumb-item"><a href="#">页面</a></li>
								<li class="breadcrumb-item active" aria-current="page">登录</li>
							</ol>
						</nav>
					</div>
				</div>
			</div>
		</div>
	<!-- Breadcrumb End -->


	<div class="full-row">
		<div class="container">
			<div class="row">
				<div class="col-lg-7 mb-5">
					<h3 class="mb-3">欢迎词</h3>
					<p>我在脚上加了蕾丝，一直住在秃鹫面前，直到我受够了。我们总是被告知我们会开车。用英语说。因为其中的群众，网必在米都的过犯中存留，智慧人必惩罚强盛的人。.</p>
					<h4 class="mb-5 mt-5 underline">记住几个基本的密码规则 :</h4>
					<ul class="list-squire-check">
						<li>定期更改密码</li>
						<li>避免对多个站点重复使用密码</li>
						<li>使用包括大写和数字在内的复杂字符</li>
					</ul>
				</div>
				<div class="col-lg-5">
					<div class="form-icon-left rounded form-boder p-5 shadow">
						<h3 class="mb-4 down-line">用户登录</h3>
						<form action="/login" method="post">
							<div class="row">
								<div class="col-md-12">
									<label>用户名</label>
									<input type="text" name="username" class="form-control bg-light" value="" required="">
								</div>
								<div class="col-md-12">
									<label>密码</label>
									<input type="password" name="password" class="form-control bg-light" value="" required="">
								</div>
								<div class="col-sm-8 form-check">
									<button type="submit" class="btn btn-primary mb-3">登录</button>
								</div>
								<div class="col-sm-4">
									<a href="/toRegister"  class="btn btn-primary mb-3">注册</a>
								</div>
								<div class="col-md-12">
									<a href="#" class="btn-link text-dark">忘记密码或用户名</a>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div class="full-row bg-primary py-5">
		<div class="container">
			<div class="row">
				<div class="col-lg-7 col-md-12">
					<h4 class="text-white mb-2">全天候免费咨询和商务提示</h4>
					<p class="text-white">如果您对我们的主题感兴趣，请不要等着购买或致电我们</p>
				</div>
				<div class="col-lg-5 col-md-12">
					<div class="y-center position-relative d-table ml-auto sm-margin-none text-white"><a href="#" class="btn btn-secondary">获得客户支持</a></div>
				</div>
			</div>
		</div>
	</div>

	<div th:replace="_layout/footer :: footer"></div>

		<a href="#" class="bg-primary text-white hover-bg-primary" id="scroll"><i class="fa fa-angle-up"></i></a>
    </div>

    <!-- Javascripts -->
    <script src="static/assets/js/jquery.min.js"></script>
    <script src="static/assets/js/greensock.js"></script>
    <script src="static/assets/js/layerslider.transitions.js"></script>
    <script src="static/assets/js/layerslider.kreaturamedia.jquery.js"></script>
    <script src="static/assets/js/popper.min.js"></script>
    <script src="static/assets/js/bootstrap.min.js"></script>
    <script src="static/assets/js/bootstrap-select.min.js"></script>
    <script src="static/assets/js/jquery.fancybox.min.js"></script>
    <script src="static/assets/js/owl.js"></script>
    <script src="static/assets/js/wow.js"></script>
    <script src="static/assets/js/mixitup.min.js"></script>
    <script src="static/assets/js/custom.js"></script>

</body>
</html>